@import url(./common.less);

.home-container {
    display: block;
    position: relative;
    height: 100%;
    padding: 0 6px;
    overflow-x: hidden;
    >.line{
        height: 360px;
        margin-bottom: 12px;
        &:last-child {
            margin-bottom: 0px;
        }
        .clear-float();
        >.right,
        >.left{
            float: left;
            width: 412px;
            height: 100%;
            padding: 0 6px;
            
        }
        >.right{
            width: calc(~"100% - 412px");
        }
    }

    .ant-card{
        height: 100%;
        .ant-card-body{
            height: calc(~"100% - 48px");
            padding: 12px;
        }
        .ant-card-head {
            padding: 0  12px;
            .ant-card-head-title{
                padding: 11px 0;

            }
        }
        &.no-header {
            .ant-card-body {
                height: 100%;
            }
        }
    }
    .ant-spin-container,
    .ant-spin-nested-loading {
        height: 100%;
    }
}

.chat-box {
    display: block;
    position: relative;
    height: 100%;
}